<template>
	<view class="page-wraper">
		<view class="page-main">
			<scroll-view class="page-main-scroll" scroll-y="true" scroll-with-animation="true">
				<view class="uni-item-back">
					<view class="uni-item-status">
						<view class="uni-item-status-title">
							<image class="image" :src="'/static/order/order_top_title.png'"></image>
							<text class="text">{{getStatusName()}}</text>
						</view>
					</view>
					<view class="uni-item-address">
						<view class="uni-item-address-title">
							<image class="image" :src="'/static/home/home_dizhi.png'"></image>
							<text class="text">临沂市</text>
						</view>
						<view class="uni-item-address-list">
							<view class="uni-item-address-list-left"><image class="image" :src="'/static/order/fahuo_fahuo.png'"></image></view>
							<view class="uni-item-address-list-right">
								<view class="uni-item-address-list-right-name">
									<text class="text">{{orderDetail.from_name}}</text>
									<text class="text">{{orderDetail.from_mobile}}</text>
								</view>
								<view class="uni-item-address-list-right-info">
									<text class="text">{{orderDetail.from_address}}</text>
								</view>
							</view>
						</view>
						<view class="uni-item-address-list">
							<view class="uni-item-address-list-left"><image class="image" :src="'/static/order/fahuo_shouhuo.png'"></image></view>
							<view class="uni-item-address-list-right">
								<view class="uni-item-address-list-right-name">
									<text class="text">{{orderDetail.to_name}}</text>
									<text class="text">{{orderDetail.to_mobile}}</text>
								</view>
								<view class="uni-item-address-list-right-info">
									<text class="text">{{orderDetail.to_address}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-item-goods">
						<view class="uni-item-goods-title"><text class="text">货物信息</text></view>
						<view class="uni-item-goods-list" v-for="(item,index) in orderDetail.goods_list" :key="index">
							<view class="uni-item-goods-list-name"><text class="text">{{item.goods_name}}</text></view>
							<view class="uni-item-goods-list-info">
								<view class="uni-item-goods-list-info-num">
									<text class="text">数量:{{item.goods_num}}</text>
								</view>
								<view class="uni-item-goods-list-info-wv">
									<text class="text">重量:{{item.goods_weight}}</text>
									<text class="text">体积:{{item.goods_volume}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-item-pay">
						<view class="uni-item-pay-title">
							<text class="text">支付类型:</text>
							<text class="text">{{getPayMode()}}</text>
						</view>
						<view class="uni-item-pay-view">
							<view class="uni-item-pay-view-list">
								<view class="uni-item-pay-view-list-title">
									<text class="text">保单号:</text>
								</view>
								<view class="uni-item-pay-view-list-price">
									<text class="text">{{getPolicyNo()}}</text>
									<text class="text">查看保单</text>
								</view>
							</view>
							<view class="uni-item-pay-view-list">
								<view class="uni-item-pay-view-list-title">
									<text class="text">保费</text>
								</view>
								<view class="uni-item-pay-view-list-price">
									<text class="text">{{getPolicyFee()}}</text>
									<text class="text">下载保单</text>
								</view>
							</view>
							<view class="uni-item-pay-view-list">
								<view class="uni-item-pay-view-list-title">
									<text class="text">运费</text>
								</view>
								<view class="uni-item-pay-view-list-price">
									<text class="text">{{getFreight()}}</text>
									<text class="text">{{getPayStatus()}}</text>
								</view>
							</view>
							<view class="uni-item-pay-view-list">
								<text class="text">其他费用</text>
								<text class="text">{{getOtherMoney()}}</text>
							</view>
							<view class="uni-item-pay-view-list">
								<text class="text">总费用</text>
								<text class="text">{{getTotalMoney()}}</text>
							</view>
						</view>
					</view>
					<view class="uni-item-title">
						<view class="uni-item-title-text"><text class="text">标签</text></view>
						<view class="uni-item-title-view">
							<view class="uni-item-title-view-list"><text>回单</text></view>
						</view>
					</view>
					<view class="uni-item-order">
						<view class="uni-item-order-list" v-if="times.time1">
							<view class="uni-item-order-list-left">
								<text class="text">订单编号</text>
								<text class="text1">{{orderDetail.order_sn}}</text>
							</view>
							<view class="uni-item-order-list-right">
								<image class="image" :src="'/static/order/fahuo_name.png'"></image>
								<text class="text">复制</text>
							</view>
						</view>
						<view class="uni-item-order-list" v-if="times.time2">
							<view class="uni-item-order-list-view">
								<text class="text1">提交时间</text>
								<text class="text2">{{orderDetail.create_time}}</text>
							</view>
						</view>
						<view class="uni-item-order-list"  v-if="times.time3">
							<view class="uni-item-order-list-view">
								<text class="text1">{{getStartTitle()}}</text>
								<text class="text2">{{getStartDate()}}</text>
							</view>
						</view>
						<view class="uni-item-order-list"  v-if="times.time4">
							<view class="uni-item-order-list-view">
								<text class="text1">{{getEndTitle()}}</text>
								<text class="text2">{{getEndDate()}}</text>
							</view>
						</view>
					</view>
				</view>
				<view class="uni-item-footer"></view>
			</scroll-view>
		</view>
		<view class="uni-item-bottom">
			<view class="uni-item-bottom-btn uni-item-bottom-btn1" @click="btnsClick(1)" v-if="btns.btn1">
				<text class="text">运单合同</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn2" @click="btnsClick(2)" v-if="btns.btn2">
				<text class="text">签订合同</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn3" @click="btnsClick(3)" v-if="btns.btn3">
				<text class="text">货物轨迹</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn4" @click="btnsClick(4)" v-if="btns.btn4">
				<text class="text">去评价</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn5" @click="btnsClick(5)" v-if="btns.btn5">
				<text class="text">去支付</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn6" @click="btnsClick(6)" v-if="btns.btn6">
				<text class="text">取消订单</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn7" @click="btnsClick(7)" v-if="btns.btn7">
				<text class="text">确认送达</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn8" @click="btnsClick(8)" v-if="btns.btn8">
				<text class="text">二维码</text>
			</view>
			<view class="uni-item-bottom-btn uni-item-bottom-btn9" @click="btnsClick(9)" v-if="btns.btn9">
				<text class="text">删除订单</text>
			</view>
		</view>
		<loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
import detail from '../public/js/order-detail-bak.js';
export default {
	mixins: [detail],
	data() {
		return {};
	}, 
	methods: {
		
	}
};
</script>

<style lang="scss">
@import '../public/css/order-detail.scss';
</style>
